* {
	margin: 0;
	padding: 0;
}

#wrap {
	background-color: #F9F9F9;
	height: 700px;
	margin: 0px auto;
}


/*头部*/

#header {
	height: 132px;
	width: 960px;
	margin: 0px auto;
}

#header img {
	height: 31px;
	margin: 50px auto;
}

#header .text {
	height: 31px;
	float: right;
	color: #B2ABBC;
	margin: 50px 5px;
}

#header a:hover {
	color: #FE7E00;
}


/*内容区*/


/*导航栏和头像区域*/

#content #nav {
	height: 44px;
	width: 960px;
	margin: 0px auto;
	list-style: none;
}

#content #nav li {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	margin: auto 30px;
}

#content #head-portrait {
	width: 222px;
	height: 92px;
	float: right;
}

#content #head-portrait p {
	color: #999999;
	font-family: arial, "Hiragino Sans GB", "Microsoft YaHei", "微軟正黑體", "儷黑 Pro", sans-serif;
}

#content #head-portrait .num {
	color: black;
}

#face {
	float: right;
	position: relative;
	top: -20px;
	right: 30px;
	height: 92px;
	width: 92px;
	border-radius: 92px;
	border: 1px solid #D9D9D9;
	background-color: #FFFFFF;
}

#face img {
	position: absolute;
	top: 6px;
	left: 6px;
	border-radius: 80px;
	margin: auto;
}


/*表格部分*/

#table-wrap {
	width: 960px;
	height: 430px;
	margin: 0px auto;
	background-color: #FFFFFF;
	border-radius: 15px;
	border: 1px solid #E6E6E6;
}

#table {
	width: 890px;
	height: 324px;
	padding: 34px;
}


/*头像*/

#face-block {
	width: 300px;
	height: 206px;
	float: left;
}

#face-block #face {
	top: 100px;
	right: 104px;
}

#face-block #face a {
	position: absolute;
	top: 102px;
	left: 20px;
	color: #4A90E3;
}


/*表格*/

#table table {
	width: 590px;
}

#table table tr td {
	font-size: 14px;
	width: 590px;
	padding: 8px 20px;
	border-bottom: 2px solid #E6E6E6;
}

#table table tr td a {
	color: #4A90E3;
	position: relative;
	top: 12px;
	float: right;
}

#table table tr td a:active {
	
}

/*模态框*/
h4{
    margin-left: 20px;
}
p{
    text-align: center;
}
.btn{
    width: 100px;
    height: 35px;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    background-color: cornflowerblue;
}
.btn:hover, .btn:focus{
    background-color: #95b4ed;
}
.modal{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,0.5);
}
.modal-content{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    width: 50%;
    max-width: 700px;
    height: 40%;
    max-height: 500px;
    margin: 100px auto;
    border-radius:10px;
    background-color:#fff;
    -webkit-animation: zoom 0.6s;
    animation: zoom 0.6s;
    resize: both;
    overflow: auto;
}
@-webkit-keyframes zoom{
    from {-webkit-transform: scale(0)}
    to {-webkit-transform: scale(1)}
}
@keyframes zoom{
    from {transform: scale(0)}
    to {transform: scale(1)}
}
.modal-header{
    box-sizing:border-box;
    border-bottom:1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.close{
    color: #b7b7b7;
    font-size: 30px;
    font-weight: bold;
    margin-right: 20px;
    transition: all 0.3s;
}
.close:hover, .close:focus{
    color: #95b4ed;
    text-decoration: none;
    cursor: pointer;
}
.modal-body{
    padding: 10px;
    font-size: 16px;
    box-sizing:border-box;
}
.modal-footer{
    box-sizing:border-box;
    border-top:1px solid #ccc;
    display: flex;
    padding: 15px;
    justify-content: flex-end;
    align-items: center;
}
.modal-footer button{
    width: 60px;
    height: 35px;
    padding: 5px;
    box-sizing: border-box;
    margin-right: 10px;
    font-size: 16px;
    color: white;
    border-radius: 5px;
    background-color: #ff6700;
    outline:none;
    border:none;
}
.modal-footer button:hover, .modal-footer button:focus{
    background-color: #FE7E00;
    cursor: pointer;
}
@media only screen and (max-width: 700px){
    .modal-content {
        width: 80%;
    }
}


#table table tr td h4 {
	font-size: 16px;
	padding-top: 12px;
	color: black;
}


/*字体大小*/

.text {
	font-size: 14px;
}


/*字体选择*/

#footer #font-family {
	width: 100%;
	margin-top: 10px;
}

#footer #font-family p {
	width: 230px;
	margin: 0px auto;
}

#footer #font-family p a {
	margin: 0px 5px;
	color: #9D9D9D;
}

#footer #font-family p a:hover {
	color: black;
}

#footer #font-family p .choise {
	color: black;
}


/*所有的a标签*/

a {
	text-decoration: none;
	color: black;
}


/*尾部------------------*/

#footer {
	height: 80px;
}


/*版权部分*/

#footer #copyright * {
	color: #9D9D9D;
}

#footer #copyright {
	width: 600px;
	margin: 10px auto;
}

#test {
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url("");
}


/*警徽*/

#copyright .text a img {
	width: 20px;
	height: 20px;
}